<template>
  <!--  服务条款/隐私政策...-->
  <div class="container">
    <div v-if="active === 0">
      <div class="mgb-10" v-for="item in 5" :key="item" >
        <div class="ft-14 title mgb-15" style="color: gray;" v-html="numbertext.text_1"></div>
       <!--  <div class="ft-12 mgb-10" v-for="(item, index) in 3" :key="index">{{index+1}}</div> -->
      </div>
    </div>
   <!--  <div class="ft-12" v-if="active === 1" style="line-height: 20px;">
     <div class="mgb-5" style="font-weight: 100;"> 隐私政策由分形者社区团队 “（本公司）”与在网站上已注册登记并已明确接受此等条款和条件的个人或公司(“合作方”)共同签署。</div>
    <div class="mgb-5"> 一般隐私政策声明(概述)</div>
    <div class="mgb-5">分形者社区高度重视用户的信息保密、数据保护和数据安全。永久性保护您个人资料(如姓名、用户名、身份信息、邮箱地址以及电话号码)的安全性和秘密性对于我们至关重要。在以下的条款中，我们会向您说明我们收集、处理</div>
    </div> -->
  </div>
</template>

<script>
import { numberApi } from '@/api/index';
export default {
  name: 'noticeIndex',
  data () {
    return {
      numbertext:[],
    }
  },
  props: {
    // eslint-disable-next-line vue/no-dupe-keys
    active: {
      type: Number
    }
  },
  created() {
    this.getNumbertext()
  },
  methods: {
    handleChange (val) {
      console.log(val)
    },

    //获取文本
    getNumbertext(){
      numberApi().then(res=>{
        console.log(res.data.data,'行情文本')
        this.numbertext=res.data.data
      })
    }

  }
}
</script>

<style scoped lang="scss">
.container {
  background-color: #ffffff;
  padding: 20px 10px;
  margin: 0 150px 0;
  text-align: left;
  .title {
    font-weight: bold;
    font-size: 14px;
    span{
      font-weight: 100;
      font-size: 12px;
    }
  }
}
</style>
